<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>驱动之家</title>
		<link rel="stylesheet" type="text/css" href="dist/reset.css"/>
		<link rel="stylesheet" type="text/css" href="dist/index.css"/>
		<script src="js/swiper-3.4.1.min.js"></script>
		<script src="js/index.js"></script>
	</head>
	<body>
		<header>
			<h1></h1>
			<a href="javascript:;">传统版</a>
		</header>
		<div class="main">
			<nav>
				<ul>
					<li class="active"><a href="javascript:;">全部</a></li>
					<li><a href="javascript:;">硬件</a></li>
					<li><a href="javascript:;">软件</a></li>
					<li><a href="javascript:;">手机</a></li>
					<li><a href="javascript:;">科技</a></li>
				</ul>
			</nav>
			<section class="banner swiper-container">
				<ul class="swiper-wrapper">
					<li class="swiper-slide">
						<a href="javascirpt:;">
							<img src="images/banner1.jpg" alt="" />
							<p>N饭真幸福：359.06版游戏驱动发布</p>
						</a>
					</li>
					<li class="swiper-slide">
						<a href="javascirpt:;">
							<img src="images/banner2.jpg" alt="" />
							<p>正式版来了！AMD全新驱动套件下载</p>
						</a>
					</li>
					<li class="swiper-slide">
						<a href="javascirpt:;">
							<img src="images/banner3.jpg" alt="" />
							<p>金山装机联机—装软件享终身领工资</p>
						</a>
					</li>
				</ul>
				<ol class="swiper-pagination clearfix"></ol>
			</section>
			<script type="text/javascript">
				new Swiper('.swiper-container', {
					pagination : '.swiper-pagination',
					paginationElement: 'li',
					autoplay : 3000,
					autoplayDisableOnInteraction: false,
					loop: true
				});	
			</script>
			<section class="news">
				<ul>
					<li>
						<h4><a href="javascript:;">金发美女+比基尼在零重力下的诱惑</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>潇潇</span>|<span>5分钟前</span>
							</div>
							<div class="news-list-right fr">
								<span>2</span><i></i>
							</div>
						</section>
					</li>
					<li>
						<h4><a href="javascript:;">三星入门4G手机续航测试：秒掉Nexus5</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>小呆</span>|<span>2小时前</span>
							</div>
							<div class="news-list-right fr">
								<span>16</span><i></i>
							</div>
						</section>
					</li>
					<li>
						<h4><a href="javascript:;">PSV版《生化奇兵》到底还有木有了？</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>黄栋</span>|<span>2小时前</span>
							</div>
							<div class="news-list-right fr">
								<span>6</span><i></i>
							</div>
						</section>
					</li>
					<li>
						<h4><a href="javascript:;">苏宁架构大调：设八大直属独立公司</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>小路</span>|<span>2小时前</span>
							</div>
							<div class="news-list-right fr">
								<span>2</span><i></i>
							</div>
						</section>
					</li>
					<li>
						<h4><a href="javascript:;">百度薅羊毛继续：一分钱换迅雷白金会员</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>鲲鹏</span>|<span>3小时前</span>
							</div>
							<div class="news-list-right fr">
								<span>21</span><i></i>
							</div>
						</section>
					</li>
					<li>
						<div>
							<a href="javascript:;">
								<img src="images/news1.png" alt="" />
								<p>触目惊心 解密iPhone翻新全过程</p>
							</a>
						</div>
						<div>
							<a href="javascript:;">
								<img src="images/news2.png" alt="" />
								<p>东芝消费级5TB硬盘突然上市，真便宜</p>
							</a>
						</div>
					</li>
					<li>
						<h4><a href="javascript:;">真正有生命的鞋子：活体细胞合成材料制成</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>潇潇</span>|<span>5小时前</span>
							</div>
							<div class="news-list-right fr">
								<span>12</span><i></i>
							</div>
						</section>
					</li>
					<li>
						<h4><a href="javascript:;">做工如何？神州899元5寸四核机大拆解</a></h4>
						<section class="clearfix">
							<div class="news-list-left fl">
								<span>雪花</span>|<span>5小时前</span>
							</div>
							<div class="news-list-right fr">
								<span>19</span><i></i>
							</div>
						</section>
					</li>
				</ul>
			</section>
			<section class="nextPage">
				<a href="javascript:;">【下一页】</a>
			</section>
			<footer>
				<ul class="clearfix">
					<li><a href="javascript:;">Pad版</a></li>
					<li class="space">|</li>
					<li><a href="javascript:;">触屏版</a></li>
					<li class="space">|</li>
					<li><a href="javascript:;">传统版</a></li>
				</ul>
				<p>京ICP备&emsp;11024344号-7&emsp;驱动之家&nbsp;京公网安</p>
			</footer>
		</div>
	</body>
</html>
